*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
/*当屏幕超出了750，就设置html字体大小为75px*/
@media screen and (min-width:750px) {
    html{
        font-size: 37.5px;
    }
    
}

body{
    width: 10rem;
    max-width: 750px;
    min-width: 320px;
    margin: 0px auto;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
}

/*头部样式*/
.login-myHeader{
    display: flex;
    align-items: center;

    
    width: 100%;
    height: .786667rem;
  


    .bank{ /*返回箭头*/
        width: .24rem;
        height: .44rem;
       
        background:url("../images/chevron_left_164px_1187819_easyicon.net@2x.png") no-repeat;
         background-size: .24rem .44rem;
         margin-left: .56rem;
    }
    h1{
        flex: 1;
        height: .306667rem;
        line-height: .306667rem;
        font-size: .426667rem;
        color:#000000;
        text-align: center;
        font-weight: 400;
       
    }
    .register{/*注册*/
        width: .773333rem;
        height: .36rem;
       font-size: .373333rem;
       color:#1448AE ;
       font-weight: 400;
       margin-right: .573333rem;

        font-family: SourceHanSansCN;

       line-height: .266667rem;
    }
    
}
/*登录模块*/
.myform{
    width: 100%;
    margin-top: 1.653333rem;
   
    padding:  0rem  .626667rem;

    .userName-box{
        color:#666666;
        font-size: .373333rem;
        font-weight: 400;

        display: flex;
        justify-content: space-between;
        align-items: center;

           padding: .293333rem  0px;
           border-bottom: .013333rem solid #cccccc;

        label{
        

            width: 1.133333rem;
         
            font-size: .373333rem;
            font-family: SourceHanSansCN;
            font-weight: 400;
            color: #666666;

         
           
                    
        }
        input{
            flex: 1;
            outline:none;
            border: 0rem;
            text-indent: 1.133333rem;
            font-size: .373333rem;
            color:#cccccc;
            font-weight: 400;
        }
        .myeye{
            width: .293333rem;
            height: .293333rem;

            background-image: url("../images/×@2x.png");
            background-repeat: no-repeat;
            background-size: .293333rem .293333rem;
        }

        .mymima{
            width: .413333rem;
            height: .226667rem;

            background-image: url("../images/eye_533px_1160143_easyicon.net@2x.png");
            background-repeat: no-repeat;
            background-size: .413333rem .226667rem;

        }
    }

    
}

.btn{
    width: 100%;
    height: 1.066667rem;
    line-height: 1.066667rem;
    font-size: .426667rem;
    color:#fff;
    background-color: #F7C612;
    border:0px;
    outline: none;
    margin-top: .84rem;
}
.mytext-box{
    display: flex;
    justify-content: space-between;
    font-size: .32rem;
    color:#999999;
    margin-top: .52rem;
}

/*小图标*/
.icon-box{
    margin-top: 5.48rem;
    
    padding: 0rem 1.066667rem;
    display: flex;
   
    a{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    img{
        width: .933333rem;
        height: .933333rem;
    }

}




